Basic Library for UWP
手順3:C1Menu コントロールへのC1ContextMenu の追加
Basic Library for UWP > Menu for UWP > クイックスタート > 手順3:C1Menu コントロールへのC1ContextMenu の追加

前の手順では、C1Menu コントロールのメニュー項目にサブメニューを追加しました。この手順では、この C1Menu コントロールに1つの C1ContextMenu コントロールを追加します。このコンテキストメニューには項目が1つあります。これをクリックすると、「手順2:アプリケーションへの C1Menu の追加」で作成した C1Menu コントロールの最上位の[Added Items]メニュー項目に、いくつかのサブメニュー項目が追加されます。

次の手順に従います。

  1. XAML ビューで、</C1:C1Menu> タグの直前に次の XAML マークアップを配置します。
    マークアップ
    コードのコピー
    <C1:C1ContextMenuService.ContextMenu>
        <C1:C1ContextMenu x:Name="contextMenu" ItemClick="Menu_ItemClick">
            <C1:C1ContextMenu.ItemContainerTransitions>
                <TransitionCollection>
                    <EntranceThemeTransition FromVerticalOffset="10" FromHorizontalOffset="0" IsStaggeringEnabled="False"/>
                </TransitionCollection>
            </C1:C1ContextMenu.ItemContainerTransitions>
            <C1:C1MenuItem Header="追加">
                <C1:C1MenuItem.ItemContainerTransitions>
                    <TransitionCollection>
                        <EntranceThemeTransition FromVerticalOffset="10" FromHorizontalOffset="0" IsStaggeringEnabled="False"/>
                    </TransitionCollection>
                </C1:C1MenuItem.ItemContainerTransitions>
                <C1:C1MenuItem Header="新しい項目">
                    <C1:C1MenuItem.Icon>
                        <TextBlock Text="&#xE1DA;" />
                    </C1:C1MenuItem.Icon>
                </C1:C1MenuItem>
                <C1:C1MenuItem Header="終了"/>
                <C1:C1MenuItem Header="フォルダ"/>
                <C1:C1Separator />
                <C1:C1MenuItem Header="Class"/>
            </C1:C1MenuItem>
            <C1:C1Separator />
            <C1:C1MenuItem Header="プロジェクトから除外"/>
            <C1:C1Separator />
            <C1:C1MenuItem Header="切り取り">
                <C1:C1MenuItem.Icon>
                    <TextBlock Text="&#xE16B;" />
                </C1:C1MenuItem.Icon>
            </C1:C1MenuItem>
            <C1:C1MenuItem Header="コピー">
                <C1:C1MenuItem.Icon>
                    <TextBlock Text="&#xE16F;" />
                </C1:C1MenuItem.Icon>
            </C1:C1MenuItem>
            <C1:C1MenuItem Header="貼り付け">
                <C1:C1MenuItem.Icon>
                    <TextBlock Text="&#xE16D;" />
                </C1:C1MenuItem.Icon>
            </C1:C1MenuItem>
            <C1:C1MenuItem Header="削除">
                <C1:C1MenuItem.Icon>
                    <TextBlock Text="&#xE107;" />
                </C1:C1MenuItem.Icon>
            </C1:C1MenuItem>
            <C1:C1MenuItem Header="名前の変更"/>
            <C1:C1Separator/>
            <C1:C1MenuItem Header="プロパティ"/>
        </C1:C1ContextMenu>
    </C1:C1ContextMenuService.ContextMenu>
    上のマークアップは、C1ContextMenuService ヘルパークラスを使用して、C1Menu コントロールに C1ContextMenu コントロールを追加します。この C1ContextMenu コントロールには、"Menu_ItemClick" という名前の Click イベントにアタッチされた C1MenuItem が1つ含まれています。
  2. <c1:C1MenuItem Header="既存の項目"/> タグに x:Name="AddedItems" を追加します。これにより、コードから呼び出せる一意の識別子を項目に渡すことができます。

この手順では、C1Menu コントロールに C1ContextMenu コントロールを追加します。次の手順では、プロジェクトを実行して Menu for UWP クイックスタートの結果を確認します。

関連トピック